﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/DefaultWithLeft.Master"
	AutoEventWireup="true" CodeBehind="ProductDetail.aspx.cs" Inherits="ITViet.Web.Pages.ProductDetail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphContentMain" runat="server">
	<link rel="stylesheet" type="text/css" href="../css/jquery.popeye.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="../css/jquery.popeye.style.css" media="screen" />

	<script type="text/javascript" src="../Scripts/jquery.popeye-2.1.min.js"></script>

	<script language="javascript" type="text/javascript">
		jQuery(document).ready(function() {
			if ($(".ppy-imglist li").length) {
				var options = {
					navigation: 'permanent',
					direction: 'right'
				}

				$('#ppy2').popeye(options);

				$(".ppy-stagewrap").hide();

				$(".ppy-switch-enlarge, .ppy-switch-compact").click(function() {
					$("img[name='imgPreview']").toggle();
					$(".ppy-stagewrap").toggle();
					$(".ppy-next").toggleClass("ppy-hidden");
					$(".ppy-prev").toggleClass("ppy-hidden");
				});

				$(".ppy-stage").click(function() {
					$(".ppy-stagewrap").toggle();
					$("img[name='imgPreview']").toggle();
					$(".ppy-next").toggleClass("ppy-hidden");
					$(".ppy-prev").toggleClass("ppy-hidden");
				});
			}
		});
	</script>

	<div class="productTree">
		<asp:Literal ID="ltrProductTree" runat="server"></asp:Literal>
		<img id="imgHot" runat="server" alt="Hot" src="../images/hot_icon.gif" style="display: none;" />
	</div>
	<div class="ppy" id="ppy2">
		<ul class="ppy-imglist">
			<asp:Repeater ID="rptProductImage" runat="server">
				<ItemTemplate>
					<li><a href="../<%#Eval("Path") %>">
						<img src="../<%#Eval("Path") %>" alt="<%#Eval("Name") %>" width="100" />
					</a></li>
				</ItemTemplate>
			</asp:Repeater>
		</ul>
		<div class="ppy-outer">
			<div class="ppy-nav">
				<div class="nav-wrap">
					<a class="ppy-switch-enlarge" title="Phóng to">Phóng to</a><a class="ppy-switch-compact"
						title="Thu nhỏ">Thu nhỏ</a> <a class="ppy-next ppy-hidden" title="Sau">Sau</a><a
							class="ppy-prev ppy-hidden" title="Trước">Trước</a>
				</div>
			</div>
			<div class="ppy-stage">
				<div class="ppy-counter">
					<strong class="ppy-current"></strong>/ <strong class="ppy-total"></strong>
				</div>
			</div>
		</div>
	</div>
	<img alt="" src="" width="190" id="imgPreview" name="imgPreview" runat="server" style="float: left;
		border: solid 5px #D4F0FF; margin-bottom: 10px;" />
	<div class="general">
		<div class="header">
			<%=GetGlobalResourceObject("Strings", "Description") %>
		</div>
		<div id="divSummary" runat="server" class="summary">
		</div>
		<div class="sale">
			<strong>
				<%=GetGlobalResourceObject("Strings", "Price") %>: </strong><span id="spanRefPrice"
					runat="server" class="price"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(<%=GetGlobalResourceObject("Strings", "PriceWithVAT") %>)
		</div>
		<div class="inStock">
			<%=GetGlobalResourceObject("Strings", "InStock") %>
		</div>
	</div>
	<div class="infoMore">
		<div class="header">
			<%=GetGlobalResourceObject("Strings", "MoreInfo") %>
		</div>
		<p>
			<asp:Literal ID="ltrContent" runat="server"></asp:Literal>
		</p>
	</div>
</asp:Content>
